<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="My des">
        <meta name="author" content="Priceasia">
        {{ get_title() }}
        {{ stylesheet_link('css/styles.css') }}
        {{ stylesheet_link('css/home.css') }}
        {{ stylesheet_link('css/suggestion.css') }}
        {{ stylesheet_link('css/listview.css') }}
        {{ stylesheet_link('css/tinyscrollbar.css') }}
        {{ stylesheet_link('css/detail.css') }}
        {{ stylesheet_link('css/jquery.fancybox.css') }}
        <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
    </head>
    <body>
      {{ content() }}
      {{ javascript_include('js/jquery_v1.10.2.js') }}
      {{ javascript_include('js/bootstrap.min.js') }}
      {{ javascript_include('js/main.js') }}
      {{ javascript_include('js/common.js') }}
      {{ javascript_include('js/bootstrap3-typeahead.js') }}
      {{ javascript_include('js/handlebars.js') }}
      {{ javascript_include('js/jquery.nicescroll.min.js') }}
      {{ javascript_include('js/imagesloaded.pkgd.js') }}
      {{ javascript_include('js/jquery.lazyload.js') }}
      {{ javascript_include('js/jquery.fancybox.js') }}
      {{ javascript_include('js/search.js') }}
      {{ javascript_include('js/list_view.js') }}
        <script src="//fezvrasta.github.io/bootstrap-material-design/dist/js/ripples.min.js"></script>
        <script src="//fezvrasta.github.io/bootstrap-material-design/dist/js/material.min.js"></script>
        <script src="//fezvrasta.github.io/snackbarjs/dist/snackbar.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/noUiSlider/6.2.0/jquery.nouislider.min.js"></script>
        <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
        <script type="text/javascript">
            $("#bg_1").click(function()
            {
                $('body').css('background-image','url(styles/images/dark_wood_2.jpg)');
                $('body').css('background-position','center center');
                $('body').css('background-repeat','no-repeat');
                $('body').css('background-attachment','fixed'); 
                setCookie('bg', 'styles/images/dark_wood_2.jpg', 30);           
            }
            );
            
            $("#bg_2").click(function()
            {
                $('body').css('background-image','url(styles/images/blossoms.jpg)');
                $('body').css('background-position','center center');
                $('body').css('background-repeat','no-repeat');
                $('body').css('background-attachment','fixed');
                setCookie('bg', 'styles/images/blossoms.jpg', 30);          
            });
            
            $("#bg_3").click(function()
            {
                $('body').css('background-image','url(styles/images/bluehawaii.jpg)');
                $('body').css('background-position','center center');
                $('body').css('background-repeat','no-repeat');
                $('body').css('background-attachment','fixed');
                setCookie('bg', 'styles/images/bluehawaii.jpg', 30);            
            });
            
            $("#bg_4").click(function()
            {
                $('body').css('background-image','url(styles/images/nature-wallpapers-hd-6.jpg)');
                $('body').css('background-position','center center');
                $('body').css('background-repeat','no-repeat');
                $('body').css('background-attachment','fixed');
                setCookie('bg', 'styles/images/nature-wallpapers-hd-6.jpg', 30);            
            });
            
        </script>
       
       <script type="text/javascript">
            $("#li_1").click(function()
            {
                $("#all_cate").text($("#li_1 a").text());
            }
            )
            $("#li_2").click(function()
            {
                $("#all_cate").text($("#li_2 a").text());
            }
            )
            $("#li_3").click(function()
            {
                $("#all_cate").text($("#li_3 a").text());
            }
            )
            $("#li_4").click(function()
            {
                $("#all_cate").text($("#li_4 a").text());
            }
            )
       </script> 
    </body>
</html>